<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="FENDI_firstpage.css">
		<link rel="stylesheet" href="./font/iconfont.css">
	</head>
	<body>
		<div class="top">
			<div class="top-up">
			<span class="iconfont icon-dianhua font1"></span><p>国家/地区: 中国大陆<span class="iconfont icon-xiangxiajiantou"></span></p>
			<img src="./img/2.png" alt="" class="fendi">
			<div class="top-right">
			<a href="#">FENDI与<span class="person"></span></a>
			<a href="#">我的订单</a>
			<span class="iconfont icon-sousuo font2"></span>
			<span class="iconfont icon-nanzhuang font3"></span>
			</div>
			</div>
			<div class="nav">
				<ul>
					<li>女士
					<div class="menu1">
						<dl>
							<dt>精选推荐</dt>
							<dd><a href="#">新款上市</a></dd>
							<dd><a href="#">Fendi x Chaos</a></dd>
							<dd><a href="#">春夏系列2021</a></dd>
							<dd><a href="#">Fendi Peekaboo</a></dd>
							<dd><a href="#">Fendi Baguette</a></dd>
							<dd><a href="#">Forever Fendi Watches</a></dd>
							<dd><a href="#">秋冬系列2020-21</a></dd>
						</dl>
						<dl>
							<dt>手袋</dt>
							<dd><a href="#" class="check">查看全部</a></dd>
							<dd><a href="#">Peekaboo</a></dd>
							<dd><a href="#">Baguette</a></dd>
							<dd><a href="#">单肩包</a></dd>
							<dd><a href="#">手提包</a></dd>
							<dd><a href="#">波士顿包</a></dd>
							<dd><a href="#">水桶包</a></dd>
							<dd><a href="#">迷你包</a></dd>
							<dd><a href="#">腰包</a></dd>
							<dd><a href="#">手拿包</a></dd>
							<dd><a href="#">背包</a></dd>
							<dd><a href="#">珍惜皮手袋</a></dd>
						
						</dl>
						<dl>
							<dt>成衣</dt>
							<dd><a href="#" class="check">查看全部</a></dd>
							<dd><a href="#">外套</a></dd>
							<dd><a href="#">夹克</a></dd>
							<dd><a href="#">连衣裙</a></dd>
							<dd><a href="#">上衣和衬衫</a></dd>
							<dd><a href="#">针织衫</a></dd>
							<dd><a href="#">半身裙及裤装</a></dd>
							<dd><a href="#">T恤衫和卫衣</a></dd>
							<dd><a href="#">腰包</a></dd>
							<dd><a href="#">运动服</a></dd>
							<dd><a href="#">沙滩装</a></dd>
							
						</dl>
						<dl>
							<dt>鞋履</dt>
							<dd><a href="#" class="check">查看全部</a></dd>
							<dd><a href="#">Colobri</a></dd>
							<dd><a href="#">长靴及短靴</a></dd>
							<dd><a href="#">单肩包</a></dd>
							<dd><a href="#">运动鞋</a></dd>
							<dd><a href="#">高跟鞋</a></dd>
							<dd><a href="#">路跟鞋</a></dd>
							<dd><a href="#">平底鞋</a></dd>
							<dd><a href="listpage.html">凉鞋及拖鞋</a></dd>
							<dd><a href="#">袜子</a></dd>
							
						</dl>
						<dl>
							<dt>配饰</dt>
							<dd><a href="#">纺织品配件</a></dd>
							<dd><a href="#">时尚珠宝</a></dd>
							<dd><a href="#">Peekaboo配件</a></dd>
							<dd><a href="#">手袋配件</a></dd>
							<dd><a href="#">皮夹和小配件</a></dd>
							<dd><a href="#">太阳眼镜</a></dd>
							<dd><a href="#">腕表</a></dd>
							<dd><a href="#">皮带</a></dd>
							<dd><a href="#">腰包</a></dd>
							<dd><a href="#">旅行配件</a></dd>
							<dd><a href="#">高科技配件</a></dd>
						</dl>
					</div>
					</li>
					<li>男士
					
					<div class="menu2">
						<dl>
							<dt>精选推荐</dt>
							<dd><a href="#">新款上市</a></dd>
							<dd><a href="#">Fendi x Chaos</a></dd>
							<dd><a href="#">春夏系列2021</a></dd>
							<dd><a href="#">Fendi Peekaboo</a></dd>
							<dd><a href="#">Fendi Baguette</a></dd>
							<dd><a href="#">Forever Fendi Watches</a></dd>
							<dd><a href="#">秋冬系列2020-21</a></dd>
						</dl>
						<dl>
							<dt>手袋</dt>
							<dd><a href="#" class="check">查看全部</a></dd>
							<dd><a href="#">Peekaboo</a></dd>
							<dd><a href="#">Baguette</a></dd>
							<dd><a href="#">单肩包</a></dd>
							<dd><a href="#">手提包</a></dd>
							<dd><a href="#">波士顿包</a></dd>
							<dd><a href="#">水桶包</a></dd>
							<dd><a href="#">迷你包</a></dd>
							<dd><a href="#">腰包</a></dd>
							<dd><a href="#">手拿包</a></dd>
							<dd><a href="#">背包</a></dd>
							<dd><a href="#">珍惜皮手袋</a></dd>
						
						</dl>
						<dl>
							<dt>成衣</dt>
							<dd><a href="#" class="check">查看全部</a></dd>
							<dd><a href="#">外套</a></dd>
							<dd><a href="#">夹克</a></dd>
							<dd><a href="#">连衣裙</a></dd>
							<dd><a href="#">上衣和衬衫</a></dd>
							<dd><a href="#">针织衫</a></dd>
							<dd><a href="#">半身裙及裤装</a></dd>
							<dd><a href="#">T恤衫和卫衣</a></dd>
							<dd><a href="#">腰包</a></dd>
							<dd><a href="#">运动服</a></dd>
							<dd><a href="#">沙滩装</a></dd>
							
						</dl>
						<dl>
							<dt>鞋履</dt>
							<dd><a href="#" class="check">查看全部</a></dd>
							<dd><a href="#">Colobri</a></dd>
							<dd><a href="#">长靴及短靴</a></dd>
							<dd><a href="#">单肩包</a></dd>
							<dd><a href="#">运动鞋</a></dd>
							<dd><a href="#">高跟鞋</a></dd>
							<dd><a href="#">路跟鞋</a></dd>
							<dd><a href="#">平底鞋</a></dd>
							<dd><a href="listpage.html">凉鞋及拖鞋</a></dd>
							<dd><a href="#">袜子</a></dd>
							
						</dl>
						<dl>
							<dt>配饰</dt>
							<dd><a href="#">纺织品配件</a></dd>
							<dd><a href="#">时尚珠宝</a></dd>
							<dd><a href="#">Peekaboo配件</a></dd>
							<dd><a href="#">手袋配件</a></dd>
							<dd><a href="#">皮夹和小配件</a></dd>
							<dd><a href="#">太阳眼镜</a></dd>
							<dd><a href="#">腕表</a></dd>
							<dd><a href="#">皮带</a></dd>
							<dd><a href="#">腰包</a></dd>
							<dd><a href="#">旅行配件</a></dd>
							<dd><a href="#">高科技配件</a></dd>
						</dl>
					</div>
					<li>童装
					<div class="menu3">
						<dl>
							<dt>精选推荐</dt>
							<dd><a href="#">新款上市</a></dd>
							<dd><a href="#">Fendi x Chaos</a></dd>
							<dd><a href="#">春夏系列2021</a></dd>
							<dd><a href="#">Fendi Peekaboo</a></dd>
							<dd><a href="#">Fendi Baguette</a></dd>
							<dd><a href="#">Forever Fendi Watches</a></dd>
							<dd><a href="#">秋冬系列2020-21</a></dd>
						</dl>
						<dl>
							<dt>手袋</dt>
							<dd><a href="#" class="check">查看全部</a></dd>
							<dd><a href="#">Peekaboo</a></dd>
							<dd><a href="#">Baguette</a></dd>
							<dd><a href="#">单肩包</a></dd>
							<dd><a href="#">手提包</a></dd>
							<dd><a href="#">波士顿包</a></dd>
							<dd><a href="#">水桶包</a></dd>
							<dd><a href="#">迷你包</a></dd>
							<dd><a href="#">腰包</a></dd>
							<dd><a href="#">手拿包</a></dd>
							<dd><a href="#">背包</a></dd>
							<dd><a href="#">珍惜皮手袋</a></dd>
						
						</dl>
						<dl>
							<dt>成衣</dt>
							<dd><a href="#" class="check">查看全部</a></dd>
							<dd><a href="#">外套</a></dd>
							<dd><a href="#">夹克</a></dd>
							<dd><a href="#">连衣裙</a></dd>
							<dd><a href="#">上衣和衬衫</a></dd>
							<dd><a href="#">针织衫</a></dd>
							<dd><a href="#">半身裙及裤装</a></dd>
							<dd><a href="#">T恤衫和卫衣</a></dd>
							<dd><a href="#">腰包</a></dd>
							<dd><a href="#">运动服</a></dd>
							<dd><a href="#">沙滩装</a></dd>
							
						</dl>
						<dl>
							<dt>鞋履</dt>
							<dd><a href="#" class="check">查看全部</a></dd>
							<dd><a href="#">Colobri</a></dd>
							<dd><a href="#">长靴及短靴</a></dd>
							<dd><a href="#">单肩包</a></dd>
							<dd><a href="#">运动鞋</a></dd>
							<dd><a href="#">高跟鞋</a></dd>
							<dd><a href="#">路跟鞋</a></dd>
							<dd><a href="#">平底鞋</a></dd>
							<dd><a href="listpage.html">凉鞋及拖鞋</a></dd>
							<dd><a href="#">袜子</a></dd>
							
						</dl>
						<dl>
							<dt>配饰</dt>
							<dd><a href="#">纺织品配件</a></dd>
							<dd><a href="#">时尚珠宝</a></dd>
							<dd><a href="#">Peekaboo配件</a></dd>
							<dd><a href="#">手袋配件</a></dd>
							<dd><a href="#">皮夹和小配件</a></dd>
							<dd><a href="#">太阳眼镜</a></dd>
							<dd><a href="#">腕表</a></dd>
							<dd><a href="#">皮带</a></dd>
							<dd><a href="#">腰包</a></dd>
							<dd><a href="#">旅行配件</a></dd>
							<dd><a href="#">高科技配件</a></dd>
						</dl>
					</div>
					</li>
					<li>婚礼灵感
					<div class="menu4">
						<div class="menu4-dl">
						<dl>
							<dt>她的礼物</dt>
							<dd><img src="./img/5.jpg" alt=""></dd>
							<dd><a href="#" class="check">查看全部</a></dd>
							<dd><a href="#">Fendi x Chaos</a></dd>
							<dd><a href="#">春夏系列2021</a></dd>
							<dd><a href="#">Fendi Peekaboo</a></dd>
							<dd><a href="#">Fendi Baguette</a></dd>
						</dl>
						<dl>
							<dt>他的礼物</dt>
							<dd><img src="./img/4.jpg" alt=""></dd>
							<dd><a href="#" class="check">查看全部</a></dd>
							<dd><a href="#">Peekaboo</a></dd>
							<dd><a href="#">Baguette</a></dd>
							<dd><a href="#">单肩包</a></dd>
							<dd><a href="#">手提包</a></dd>
						</dl>
						</div>
						</div>
					</li>
				</ul>
			</div>
		</div>
		<a href="listpage.html"><div class="banner"></div></a>
		<div class="middle">
			<div class="words">
			<h2>2020秋冬女士新品</h2>
			<p style="cursor: pointer;">立即选购</p>
			<h2>精选推荐</h2>
			</div>
		</div>
		<div class="main">
			<div class="pictures" style="marginLeft:0;">
				<p>预售</p>
			<ul class="picture1">
				<li><a href="listpage.html"><img src="./img/6.jpg" alt=""></a>
				<h5>BAGUETTE手袋</h5>
				<h6>黑色尼龙手袋</h6>
				<h6>￥ 17,800</h6>
				</li>
				<li>
					<a href="listpage.html"><img src="./img/17.jpg" alt=""></a>
					<h5>及裸靴</h5>
					<h6>黑色皮革骑士</h6>
					<h6>￥ 17,800</h6>
					</li>
				<li>
					<a href="listpage.html"><img src="./img/16.jpg" alt=""></a>
					<h5>BAGUETTE手袋</h5>
					<h6>黑色尼龙手袋</h6>
					<h6>￥ 17,800</h6>
					</li>
				<li>
					<a href="listpage.html"><img src="./img/14.jpg" alt=""></a>
					<h5>BAGUETTE手袋</h5>
					<h6>黑色尼龙手袋</h6>
					<h6>￥ 17,800</h6>
				</li>
			</ul>
			<ul class="picture1">
				<li>
					<a href="listpage.html"><img src="./img/8.jpg" alt=""></a>
					<h5>BAGUETTE手袋</h5>
					<h6>黑色尼龙手袋</h6>
					<h6>￥ 17,800</h6>
				</li>
				<li>
					<a href="listpage.html"><img src="./img/10.jpg" alt=""></a>
					<h5>BAGUETTE手袋</h5>
					<h6>黑色尼龙手袋</h6>
					<h6>￥ 17,800</h6>
				</li>
				<li>
					<a href="listpage.html"><img src="./img/11.jpg" alt=""></a>
					<h5>BAGUETTE手袋</h5>
					<h6>黑色尼龙手袋</h6>
					<h6>￥ 17,800</h6>
				</li>
				<li>
					<a href="listpage.html"><img src="./img/13.jpg" alt=""></a>
					<h5>BAGUETTE手袋</h5>
					<h6>黑色尼龙手袋</h6>
					<h6>￥ 17,800</h6>
				</li>
			</ul>
			<ul class="picture1">
				<li>
					<a href="listpage.html"><img src="./img/12.jpg" alt=""></a>
					<h5>BAGUETTE手袋</h5>
					<h6>黑色尼龙手袋</h6>
					<h6>￥ 17,800</h6>
				</li>
				<li>
					<a href="listpage.html"><img src="./img/19.jpg" alt=""></a>
					<h5>BAGUETTE手袋</h5>
					<h6>黑色尼龙手袋</h6>
					<h6>￥ 17,800</h6>
				</li>
				<li>
					<a href="listpage.html"><img src="./img/15.jpg" alt=""></a>
					<h5>BAGUETTE手袋</h5>
					<h6>黑色尼龙手袋</h6>
					<h6>￥ 17,800</h6>
				</li>
				<li>
					<a href="listpage.html"><img src="./img/14.jpg" alt=""></a>
					<h5>BAGUETTE手袋</h5>
					<h6>黑色尼龙手袋</h6>
					<h6>￥ 17,800</h6>
				</li>
			</ul>
			</div>
			<img src="./img/l.png" id="left" alt="">
			<img src="./img/r.png" id="right" alt="">
			<div class="dotlist"></div>
		</div>
		<div class="chaos">
			<div class="chaos-left">
			<a href="listpage.html"><img src="./img/007.jpg" alt=""></a>
			</div>
			<div class="chaos-right">
			<h2>FENDI X CHAOS</h2>
			<p>这一系列的“科技珠宝”从当代时尚视角出发，巧妙融合了实用功能、优雅以及</p>
			<p>FENDI与生俱来的趣味性</p>
			<a href="listpage.html">立即探索</a>
			</div>
		</div>
		<div class="content">
			<div class="content-left">
			<a href="listpage.html"><img src="./img/001.jpg" alt=""></a>
			<h3>秋冬女士包袋</h3>
			<p style="cursor:pointer;">立即选购</p>
			</div>
			<div class="content-right">
			<a href="listpage.html"><img src="./img/9.jpg" alt=""></a>
			<h3>2020秋冬男士新品</h3>
			<p style="cursor:pointer;"><a href="listpage.html">立即选购</a></p>
			</div>
		</div>
		<div class="box">
			<ul>
				<li><img src="./img/002.jpg" alt="">
				<h3>男士手袋</h3>
				<a href="listpage.html">立即抢购</a>
				</li>
				<li><img src="./img/003.jpg" alt="">
				<h3>女士时尚配饰</h3>
				<a href="listpage.html">立即抢购</a>
				</li>
				<li><img src="./img/004.jpg" alt="">
				<h3>ME AND MY PEEKABOO</h3>
				<a href="listpage.html">立即抢购</a>
				</li>
				<li><img src="./img/005.jpg" alt="">
				<h3>童装</h3>
				<a href="listpage.html">立即抢购</a>
				</li>
			</ul>
		</div>
		<div class="message">
			<p>订阅我们的新闻资讯</p>
			<p>要获得更多个性化内容，包括访问您所在地区的特殊活动和最新消息，请提供一下详细信息</p>
			<p>手机号码*</p>
			<b></b>
		</div>
		<div class="footer">
			<dl>
				<dt>客服关怀</dt>
				<dd>联系我们</dd>
				<dd>常见问题与解答</dd>
				<dd>订单与配送</dd>
				<dd>退货与退款</dd>
				<dd>追踪您的订单</dd>
			</dl>
			<dl>
				<dt>FENDI与我</dt>
				<dd>登录/注册</dd>
			</dl>
			<dl>
				<dt>企业</dt>
				<dd>寻找精品店</dd>
				<dd>Fendi Private Suites</dd>
				<dd>可持续性</dd>
				<dd>供应链透明化</dd>
			</dl>
			<dl>
				<dt>FENDI ROMA</dt>
				<dd>关于FENDI</dd>
				<dd>Fendi的历史</dd>
				<dd>量身定做</dd>
				<dd>皮草工坊</dd>
				<dd>家居</dd>
				<dd>Fendi Boutique Hotel</dd>
				<dd>腕表</dd>
			</dl>
			<dl>
				<dt>法律咨询</dt>
				<dd>隐私条款</dd>
				<dd>销售条款与条件</dd>
				<dd>网站使用条款</dd>
				<dd>行为准则</dd>
			</dl>
			<dl>
				<dt>FENDI ROMA</dt>
				<dd>
					<span class="iconfont icon-gongzhonghao"></span>
					<span class="iconfont icon-tubiao214"></span>
				</dd>
			</dl>
		</div>
		<div class="finally">
			<p>国家/地区: 中国大陆<span class="iconfont icon-xiangxiajiantou"></span></p>
			<span>@FENDI-保留所有权</span>
			<span>沪ICP备1301824号-1</span>
			<span>沪公网安备31010602001819号</span>
			<span>上海工商</span>
		</div>
		<script src="./jquery.min.js"></script>
		<script>
			let address="http://127.0.0.1:81"
			//动态生成小圆点
			let n=0;
			let pictures=$(".pictures");
			let pictureslist=$(".pictures ul")
			// console.log(pictureslist)
			for(let i=0;i<pictureslist.length;i++){
				$(".dotlist").append($("<span></span>"));
			}
			let dot=$(".dotlist span");
			//第几张图片显示就让第几个小圆点变亮
			dot.removeClass("focus");
			dot.eq(n).addClass("focus");
			//点击向右箭头
			$("#right").click(function(){
				n++;
				if(n==pictureslist.length){
					n=0;
				}
				pictures.animate({
					marginLeft:-(n*1320)
				},1000)
				dot.removeClass("focus");
				dot.eq(n).addClass("focus");
			})
			//点击向左箭头
			$("#left").click(function(){
				n--;
				if(n==-1){
					n=pictureslist.length-1;
				}
				pictures.animate({
					marginLeft:-(n*1320)
				},1000)
				dot.removeClass("focus")
				dot.eq(n).addClass("focus")
			})
			//点击小圆点图片显示
			$(".dotlist span").click(function(){
				n=$(this).index()//把当前所点击这个元素的下标赋给n
				pictures.animate({
					marginLeft:-(n*1320)
				},1000)
				dot.removeClass("focus")
				dot.eq(n).addClass("focus")
			})
			$(".words").find("p").click(function(){
				window.location.href=`${address}/listpage.html`
			})
		</script>
	</body>
</html>
